<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酒店信息系统</title>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ichart.1.2.1.min.js"></script>
<LINK rel=stylesheet href="__PUBLIC__/css/style.css">
<style>
/* menu1 */
.menu1{font-size:14px;line-height:14px;margin-left:20px;margin-bottom:24px;}
.menu1 a:link,.menu1 a:visited{color:#7d7d7d;background-color:#f7f7f7;border-bottom:solid 2px #e6e6e6;text-decoration:none;padding:10px 16px 10px 16px;}
.menu1 a:hover,.menu1 a:active{background-color:#646464;border-bottom:solid 2px #2e2e2e;color:#fff;}
</style>
</head>
<script type='text/javascript'>
$(function(){
	var operlist = <?php echo $json; ?>;
	alert(operlist.cpu_idle);return;
	var data = [
	         	{
	         		name : 'idle',
	         		value:[45,52,54,74,90,84],
	         		color:'#1385a5'
	         	},
	         	{
	         		name : 'iowait',
	         		value:[45,52,24,14,10,34],
	         		color:'#c56966'
	         	}
	         ];
	var chart = new iChart.ColumnMulti2D({
			render : 'con_cpu',
			data: data,
			labels:["一月","二月","三月","四月","五月","六月"],
			title : 'CPU信息',
			subtitle : 'CPU idle time——CPU iowait time',
			footnote : 'idle-iowait',
			width : 800,
			height : 400,
			background_color : '#ffffff',
			legend:{
				enable:true,
				background_color : null,
				border : {
					enable : false
				}
			},
			coordinate:{
				background_color : '#f1f1f1',
				scale:[{
					 position:'left',	
					 start_scale:0,
					 end_scale:100,
					 scale_space:25
				}],
				width:600,
				height:260
			}
	});
	chart.plugin(new iChart.Custom({
		drawFn:function(){
			//计算位置
			var coo = chart.getCoordinate(),
				x = coo.get('originx'),
				y = coo.get('originy');
			//在左上侧的位置，渲染一个单位的文字
			chart.target.textAlign('start')
			.textBaseline('bottom')
			.textFont('600 11px Verdana')
			.fillText('百分比(%)',x-40,y-10,false,'#6d869f');
			
		}
	}));
	chart.draw();
});
</script>
<body>
{include file="public/head"}

</div>
<div class="content_2 clear">
{include file="admin/left"}
 <div class="content_3 left">
  <div class="content_3_wz"><img src="__PUBLIC__/images/dajt.png">系统管理 > 运维信息</div>
  <div class="content_3_xian"></div>
  <div class="content_3_ss clear">
	<div class="menu1">
		<a href="#con_cpu" name="con_cpu">CPU</a>
		<a href="#con_file" name="con_file">文件系统</a>
		<a href="#con_memory" name="con_memory">内存</a>
		<a href="#con_net" name="con_net">网络接口</a>
		<a href="#con_process" name="con_process">进程安全</a>
	</div>
	<div></div>
  <div id='con_cpu' name='con_cpu'></div>
</body>
</html>

